body {background-color: #f5f5f5;}

header.panic {background-color: #c81622; height: 60px; overflow: hidden;}
header.panic .logo {width: 95px; height: 60px; overflow: hidden;}
header.panic .sub-nav > ul {background: none; margin-left: 80px}
header.panic .sub-nav > ul > li > a {display: block; padding: 0 20px; height: 60px; line-height: 60px; color: #ffffff; font-size: 1.2em;}
header.panic .sub-nav > ul > li > a:hover, header.panic .sub-nav > ul > li > a.active {color: #fcff02; background: none;}
header.panic .search {float: right; margin: 10px; margin-right: 30px; background: #ffffff; width: 420px; height: 40px;}
header.panic .search .search-input {width: 370px; outline: 0; background-color: transparent; color: #000000; height: 40px; line-height: 40px; text-indent: 10px;}
header.panic .search .search-btn {width: 50px; text-align: center; color: #000000; height: 100%; line-height: 40px; border: 0; background-color: #dbdbdb;}

header.panic-times {background-color: #2e3a48; height: 60px; overflow: hidden;}
header.panic-times .sub-nav > ul {background: none;}
header.panic-times .sub-nav > ul > li > a {display: block; padding: 0 20px; height: 60px; line-height: 60px; color: #ffffff; font-size: 1.2em;}
header.panic-times .sub-nav > ul > li > a:hover, header.panic-times .sub-nav > ul > li > a.active {color: #ffffff; background-color: #c81622;}
header.panic-times .sub-nav > ul > li > a > p {line-height: 25px; font-size: 1.3em; padding-top: 5px; margin: 0; color: #83868b;}
header.panic-times .sub-nav > ul > li > a > span {display: block; font-size: 1em; text-align: center; line-height: 25px; color: #83868b;}
header.panic-times .sub-nav > ul > li > a:hover > p,
header.panic-times .sub-nav > ul > li > a:hover > span, 
header.panic-times .sub-nav > ul > li > a.active > p, 
header.panic-times .sub-nav > ul > li > a.active > span {color: #ffffff;}

.sub-menu {position: relative; background-color: #c81622; width: 210px; padding-bottom: 2px; height:365px;}
.sub-menu .sub-menu-top {display: block; width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 1.2em; font-weight: bold; padding-left: 50px; background: url(../images/arrow_down3.png) no-repeat right center;}
.sub-menu > ul {position: relative; z-index: 3;}
.sub-menu > ul > li > .title {display: block; width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 16px; padding-left: 50px;}
.sub-menu > ul > li:hover > .title{background-color: #ffffff; color: #c81622;}
.sub-menu > ul > li > .sub-menu-list {display: none; position: absolute; top: 0; left: 210px; width: 260px; height: 368px; background-color: #ffffff;}
.sub-menu > ul > li > .sub-menu-list a {width: 50%; font-size: 14px; color: #333333; display: block; float: left; padding: 10px 20px;}
.sub-menu > ul > li > .sub-menu-list a:hover {background-color: #eeeeee;}
.sub-menu > ul > li:hover > .sub-menu-list {display: block;}
.sub-nav {position: relative;}
.sub-nav > ul{background-color: #e70012; overflow: auto;}
.sub-nav > ul > li {float: left;}
.sub-nav > ul > li > a {display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.2em;}
.sub-nav > ul > li > a:hover {background-color: #ffffff; color: #e70012;}

.banner {margin: 0; position: relative; width: 645px; height: 363px; overflow: hidden;}
@-webkit-keyframes fadeIn {0% {opacity: 0.5;}100% {opacity: 1;}}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0.5;}}
.banner .banner-img li {display: none; -webkit-animation-name: fadeOut; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.banner .banner-img li.active {display: block; -webkit-animation-name: fadeIn;}
.banner .banner-img li a img {width: 645px; height: 363px;}
.banner .banner-btn {position: absolute; bottom: 2px; text-align: center; width: 100%;}
.banner .banner-btn a {background-color: #333333; color: #ffffff; border-radius: 50%; width: 12px; height: 12px; display: inline-block; margin: 0 5px;}
.banner .banner-btn a:hover, .banner .banner-btn a.active {background-color: #c81622;}
.banner .banner-page {display: none;}
.banner .banner-page a {position: absolute; top: 50%; z-index: 4; margin-top: -31px; display: block; width: 28px; height: 62px; line-height: 62px; background: rgba(0,0,0,.2); color: #fff; text-align: center; font-size: 22px; font-weight: 400; font-family: simsun;}
.banner .banner-page a.prev {left: 0;}
.banner .banner-page a.next {right: 0;}

.main {margin-bottom: 10px;}
.main .list h4 {border-left: #c81622 3px solid; line-height: 25px; text-indent: 5px;}
.main .list h4 > span > i {padding: 3px; margin: 1px; background-color: #333333; border-radius: 3px; color: #ffffff; font-style: normal; font-size: 16px;}
.main .list .form-group {position: relative; overflow: auto;}
.main .list .form-group .qgh-item {background-color: #ffffff; width: 420px; margin: 0 0 5px 5px; height: 220px; overflow: hidden; float: left;}
.main .list .form-group .qgh-item .qgh-img {float: left; width: 210px; height: 220px; overflow: hidden;}
.qgh-img img {width:222px;height:222px}
.main .list .form-group .qgh-item .qgh-desc {float: left; height: 220px; width: 205px; margin-left: 5px;}
.main .list .form-group .qgh-item .qgh-desc .tlt {height: 100px;}
.main .list .form-group .qgh-item .qgh-desc .tlt a {font-size: 16px; font-weight: 600; font-family: simsun;}
.main .list .form-group .qgh-item .qgh-desc .price {font-size: 1rem; text-decoration: line-through; padding: 15px 0; color: #999999;}
.main .list .form-group .qgh-item .qgh-desc .promotion-price {font-size: 2rem; font-weight: bold;}
.main .list .form-group .qgh-item .qgh-desc .promotion-price .small {font-size: 1.3rem;}
.main .list .form-group .qgh-item .qgh-desc .count {font-size: 1.2rem; color: #999999; height: 68px; line-height: 68px; display: block; vertical-align: bottom;}
.main .list .form-group .qgh-item .qgh-desc .action {font-size: 1.4rem; background-color: #fcdcdd; padding: 10px; margin-right: 5px; margin-top: -15px;}
.main .list .form-group .qgh-item .qgh-desc .action a {color: #c81622;}

.main .list .form-group > a {display: block;}
.main .list .form-group > a > img {width: 100%; height: 100%;}
.main .list .form-group .info {width: 235px; height: 300px; position: relative; margin: 0 10px;}
.main .list .form-group .info .bids .btn {display: block; width: 100%; color: #ffffff; border: 0; border-radius: 0; background: #1e1647; height: 40px; text-align: center; font-size: 1.2em; line-height: 40px; padding: 0;}
.main .list .form-group .info .title {margin-top: 5px; line-height: 30px; font-size: 1.2em; max-height: 180px; overflow: hidden; text-overflow: ellipsis; display: block;}
.main .list .form-group .info .desc {position: absolute; bottom: 0; left: 0; color: #6b6b6b; font-size: 1em; line-height: 25px;}
.main .list .form-group .info .desc p {margin: 10px 0 0 0;}
.main .list .form-group .info .desc p.price .red {font-size: 22px; font-weight: bold;}

.page span, .page a {background-color: #1e1647; border-color: #1e1647;}
.page span.current, .page a:hover {color: #1e1647;}

.main .hot h5 {border-left: #c81622 3px solid; margin-top: 10px; text-indent: 5px;}
.main .hot .form-group {position: relative; width: 100%; overflow: hidden; background-color: #ffffff; padding: 10px;}
.main .hot .form-group > a {display: block; width: 100%; max-height: 260px; overflow: hidden;} 
.main .hot .form-group > a > img {width: 100%; height: 100%;}
.main .hot .form-group .info .title {margin-top: 5px; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: block;}
.main .hot .form-group .info .desc {overflow: auto;} 
.main .hot .form-group .info .desc .price {color: #e60213; font-size: 1.3rem; font-weight: bold;}